.val-con {
  display: flex;
  display: -webkit-flex;
  flex-direction: row;
  justify-content: center;
  margin: 30PX;

  .validation-code {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    border: 1PX solid #757575;
    padding: 5PX;

    .val-img {
      width: 80PX;
      height: 40PX;
    }

    .val-input {
      height: 50PX;
      width: 115PX;
    }
    @media screen and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) {
      .val-input {
        height: 50PX;
        width: 90PX;
      }
    }
  }


  .icon-con {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    padding-left: 3PX;
  }
}
